<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>feiling</title>
    <link rel="stylesheet" href="../../asset/vendor/video/video-js.min.css">
    <link rel="stylesheet" href="../../asset/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../asset/vendor/html5shiv.min.js"></script>
    <script src="../../asset/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body>
<header id="header" class="header">
    <ul>
        <li class="special first">
            <a href="index.html">
                <img src="../../asset/images/basic/litter-title.png" alt="">
            </a>
        </li>
        <li>
            <a href="">People</a>
        </li>
        <li>
            <a href="">Products</a>
        </li>
        <li>
            <a href="">Story</a>
        </li>
        <li>
            <a href="">News</a>
        </li>
        <li class="active">
            <a href="">Contact</a>
        </li>
        <li class="special last">
            <a href="javascript:;">
                <img src="../../asset/images/basic/search.png" alt="">
            </a>
        </li>
    </ul>
</header>
<div class="contact">
    <div class="contact-text">
        <div class="contact-text-item contact-text-item-left">
            <div class="head">Contact</div>
            <div class="text">
                <div>+86 574 5555 4433</div>
                <div>+86 574 5555 4433</div>
            </div>
        </div>
        <div class="contact-text-item">
            <div class="head">Address</div>
            <div class="text">
                <div>address address address address address address address address address address</div>
            </div>
        </div>
    </div>
    <div class="contact-map" id="contact-map"></div>
</div>
<script src="../../asset/vendor/jquery.min.js"></script>
<script src="../../asset/vendor/video/video.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=NQTgn0YHIG2l1HGGMIbzxUdO1D33nWNM"></script>
<script src="../../asset/js/main.js"></script>
<script>
    $(function(){

    })

    // 百度地图API功能
    var map = new BMap.Map("contact-map");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

</script>
</body>
</html>